<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>七章上机二</title>
    <style type="text/css">
	    *{ padding:0px;}
	    li{display:inline-block; float:left; width:300px;}
		div{
		width:700px;
		margin:0px auto;}
		h1{ display:inline-block;}
		.sec{width:100%; display:block;}
		h2{float:right; }
	</style>
</head>

<body>
  <section class="sec">
    <div>
      <h1>热门活动</h1> <h2>更多</h2>
    </div>
    <div>
      
        <ul>
            <li>
            <img src="pic/07/up/练习2：热门活动/image/img1.png" />
            <br/>
            推荐活动|原创音乐现金榜T榜
            
            </li>
            
            
            <li>
            <img src="pic/07/up/练习2：热门活动/image/img2.png"/>
            <br/>
            推荐节目|《TAImusic》爆笑来袭
            </li>
            
            <li>
            <img src="pic/07/up/练习2：热门活动/image/img3.png"/>
            <br/>推荐歌单 | 继续宠爱张国荣

            </li>
            
            <li>
            <img src="pic/07/up/练习2：热门活动/image/img4.png">
            <br/>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间
            </li>
            
        </ul>
      
    </div>
  <section>
</body>
</html>
